<!-- <script src="${base}/js/system/bootstrap/bootstrap-datetimepicker.min.js"></script> -->
<style>
        .form1,.form2{width: 700px;
            height: 500px;
            border: 1px solid lightgrey;
            float: left;
            margin-left: 10px;}
        .form1 .row{margin-left: 0;
            margin-right: 0;
            margin-top: 20px;}
        .dimension-chain p,.source p{margin-top: 15px;}
        .dimension-chain input{width: 60%;
             margin-top: 10px;}
        .source select{width: 60%;
             height: 24px;
             margin-top: 10px;}
        .source span{width: 60px;
             text-align: right;
             display: block;
             float: left;}
        .source .source-choose{margin-top: 10px;}
        .source-choose .checkbox{margin-top: 0;
             margin-bottom: 0;}
        .form2-left{width: 180px;
             height: 500px;
             float: left;}
        .form2-left table thead{background-color: #dddddd;}
        .form2-left table tr th,.form2-left table tr td{height: 26px;
             line-height: 26px;
             padding: 0;
             border: hidden;
             padding-left: 5px;}
        .form2-mid{width: 100px;
             height: 500px;
             float: left;
             border: 1px solid lightgrey;}
        .form2-mid .all-length{padding-left: 5px;
            padding-top: 5px;}
        .length-text input{width: 80px;
            margin-left: 10px;}
        .all-button button{width: 80px;
            margin-top: 20px;
            margin-left: 10px;}
        .form-window{width: 300px;
            height: 150px;
   /*         border: 1px solid lightgrey; */
            padding-left: 30px;}
        .form-window .input-text{margin-top: 20px;}
        .little-btn{width: 120px;
            margin-top: 20px;
            margin-left: 60px;}
        .little-btn button{
            vertical-align: middle;
            padding:3px 12px;}
        .little-btn .btn-save{background-color:#4a7be3;
            color: #ffffff;}
    </style>
	<div class="col-sm-9 btn-operate">
	<button class="btn btn-default btn-add" onclick="submit_data();">
	        生成json文件
	</button>
     </div>

    <div class="form1">
        <div class="row side-span">
            <div class="col-sm-4">
                <p>边跨位于</p>
                <input type="radio" name="sidespan" value="up">上方
                <input type="radio" name="sidespan" value="down">下方
            </div>
            <div class="col-sm-4">
                <p>4线库位于</p>
                <input type="radio" name="4line" value="up">上方
                <input type="radio" name="4line" value="down">下方
            </div>
            <div class="col-sm-4">
                <p>入库方向</p>
                <input type="radio" name="storage" value="left">左侧
                <input type="radio" name="storage" value="right">右侧
            </div>
        </div>

        <div class="row  dimension-chain">
            <div class="col-sm-12">
                <p>尺寸链</p>
            </div>
            <div class="col-sm-2">
                <span>L1:</span>
                <input type="text" name="l1" value="">
            </div>
            <div class="col-sm-2">
                <span>L2:</span>
                <input type="text" name="l2" value="">
            </div>
            <div class="col-sm-2">
                <span>L3:</span>
                <input type="text" name="l3" value="">
            </div>
            <div class="col-sm-2">
                <span>L4:</span>
                <input type="text" name="l4" value="">
            </div>
            <div class="col-sm-2">
                <span>L5:</span>
                <input type="text" name="l5" value="">
            </div>
            <div class="col-sm-2">
                <span>L6:</span>
                <input type="text" name="l6" value="">
            </div>
            <div class="col-sm-2">
                <span>L7:</span>
                <input type="text" name="l7" value="">
            </div>
            <div class="col-sm-2">
                <span>L8:</span>
                <input type="text" name="l8" value="">
            </div>
            <div class="col-sm-2">
                <span>Lk:</span>
                <input type="text" name="lk" value="">
            </div>
            <div class="col-sm-2">
                <span>Lb:</span>
                <input type="text" name="lb" value="">
            </div>
        </div>

        <div class="row source">
            <div class="col-sm-12">
                <p>地面电源</p>
            </div>
            <div class="col-sm-12 source-choose">
                <span>CRH1</span>
                <div class="col-sm-10">
                    <div class="col-sm-2">
                        <div class="checkbox">
                            <label>
                                <input type="checkbox" name="D1" value="CRH1">D1
                            </label>
                        </div>
                    </div>
                    <div class="col-sm-2">
                        <div class="checkbox">
                            <label>
                                <input type="checkbox" name="D2" value="CRH1">D2
                            </label>
                        </div>
                    </div>
                    <div class="col-sm-2">
                        <div class="checkbox">
                            <label>
                                <input type="checkbox" name="D3" value="CRH1">D3
                            </label>
                        </div>
                    </div>
                    <div class="col-sm-2">
                        <div class="checkbox">
                            <label>
                                <input type="checkbox" name="D4" value="CRH1">D4
                            </label>
                        </div>
                    </div>
                    <div class="col-sm-2">
                        <div class="checkbox">
                            <label>
                                <input type="checkbox" name="D5" value="CRH1">D5
                            </label>
                        </div>
                    </div>
                    <div class="col-sm-2">
                        <div class="checkbox">
                            <label>
                                <input type="checkbox" name="D6" value="CRH1">D6
                            </label>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-sm-12 source-choose">
                <span>CRH2</span>
                <div class="col-sm-10">
                    <div class="col-sm-2">
                        <div class="checkbox">
                            <label>
                                <input type="checkbox" name="D1" value="CRH2">D1
                            </label>
                        </div>
                    </div>
                    <div class="col-sm-2">
                        <div class="checkbox">
                            <label>
                                <input type="checkbox" name="D2" value="CRH2">D2
                            </label>
                        </div>
                    </div>
                    <div class="col-sm-2">
                        <div class="checkbox">
                            <label>
                                <input type="checkbox" name="D3" value="CRH2">D3
                            </label>
                        </div>
                    </div>
                    <div class="col-sm-2">
                        <div class="checkbox">
                            <label>
                                <input type="checkbox" name="D4" value="CRH2">D4
                            </label>
                        </div>
                    </div>
                    <div class="col-sm-2">
                        <div class="checkbox">
                            <label>
                                <input type="checkbox" name="D5" value="CRH2">D5
                            </label>
                        </div>
                    </div>
                    <div class="col-sm-2">
                        <div class="checkbox">
                            <label>
                                <input type="checkbox" name="D6" value="CRH2">D6
                            </label>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-sm-12 source-choose">
                <span>CRH3</span>
                <div class="col-sm-10">
                    <div class="col-sm-2">
                        <div class="checkbox">
                            <label>
                                <input type="checkbox" name="D1" value="CRH3">D1
                            </label>
                        </div>
                    </div>
                    <div class="col-sm-2">
                        <div class="checkbox">
                            <label>
                                <input type="checkbox" name="D2" value="CRH3">D2
                            </label>
                        </div>
                    </div>
                    <div class="col-sm-2">
                        <div class="checkbox">
                            <label>
                                <input type="checkbox" name="D3" value="CRH3">D3
                            </label>
                        </div>
                    </div>
                    <div class="col-sm-2">
                        <div class="checkbox">
                            <label>
                                <input type="checkbox" name="D4" value="CRH3">D4
                            </label>
                        </div>
                    </div>
                    <div class="col-sm-2">
                        <div class="checkbox">
                            <label>
                                <input type="checkbox" name="D5" value="CRH3">D5
                            </label>
                        </div>
                    </div>
                    <div class="col-sm-2">
                        <div class="checkbox">
                            <label>
                                <input type="checkbox" name="D6" value="CRH3">D6
                            </label>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-sm-12 source-choose">
                <span>BZ</span>
                <div class="col-sm-10">
                    <div class="col-sm-2">
                        <div class="checkbox">
                            <label>
                                <input type="checkbox" name="D1" value="BZ">D1
                            </label>
                        </div>
                    </div>
                    <div class="col-sm-2">
                        <div class="checkbox">
                            <label>
                                <input type="checkbox" name="D2" value="BZ">D2
                            </label>
                        </div>
                    </div>
                    <div class="col-sm-2">
                        <div class="checkbox">
                            <label>
                                <input type="checkbox" name="D3" value="BZ">D3
                            </label>
                        </div>
                    </div>
                    <div class="col-sm-2">
                        <div class="checkbox">
                            <label>
                                <input type="checkbox" name="D4" value="BZ">D4
                            </label>
                        </div>
                    </div>
                    <div class="col-sm-2">
                        <div class="checkbox">
                            <label>
                                <input type="checkbox" name="D5" value="BZ">D5
                            </label>
                        </div>
                    </div>
                    <div class="col-sm-2">
                        <div class="checkbox">
                            <label>
                                <input type="checkbox" name="D6" value="BZ">D6
                            </label>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="row lu">
            <div class="col-sm-12">
                <p>LU</p>
            </div>
            <div class="col-sm-2">
                <div class="checkbox">
                    <label>
                        <input type="checkbox" name="D1" value="LU"><span>D1</span>
                    </label>
                </div>
            </div>
            <div class="col-sm-2">
                <div class="checkbox">
                    <label>
                        <input type="checkbox" name="D2" value="LU"><span>D2</span>
                    </label>
                </div>
            </div>
            <div class="col-sm-2">
                <div class="checkbox">
                    <label>
                        <input type="checkbox" name="D3" value="LU"><span>D3</span>
                    </label>
                </div>
            </div>
            <div class="col-sm-2">
                <div class="checkbox">
                    <label>
                        <input type="checkbox" name="D4" value="LU"><span>D4</span>
                    </label>
                </div>
            </div>
            <div class="col-sm-2">
                <div class="checkbox">
                    <label>
                        <input type="checkbox" name="D5" value="LU"><span>D5</span>
                    </label>
                </div>
            </div>
            <div class="col-sm-2">
                <div class="checkbox">
                    <label>
                        <input type="checkbox" name="D6" value="LU"><span>D6</span>
                    </label>
                </div>
            </div>
        </div>
    </div>
    
    <div class="form2">
        <div class="form2-left" data-spy="scroll" data-target="#navbar-example" data-offset="0"
             style="height:400px;overflow-y:auto; overflow-x: hidden; position: relative">
            <table class="table" id="kxcd">
                <thead>
                    <tr>
                        <th>名称</th>
                        <th>长度</th>
                    </tr>
                </thead>
                <tbody>
	                <tr>
		                <td>消防泵房</td>
		                <td>15000</td>
	                </tr>
	                <tr>
		                <td>楼梯间</td>
		                <td>3000</td>
	                </tr>
	                <tr>
		                <td>调度控制室</td>
		                <td>45000</td>
	                </tr>
	                <tr>
		                <td>信息机房</td>
		                <td>9000</td>
	                </tr>
	                <tr>
		                <td>信号机房</td>
		                <td>9000</td>
	                </tr>
	                <tr>
		                <td>通信机房</td>
		                <td>6000</td>
	                </tr>	                
	                <tr>
		                <td>大厅</td>
		                <td>12000</td>
	                </tr>
	                <tr>
		                <td>ATP检测间</td>
		                <td>13500</td>
	                </tr>	                
	                <tr>
		                <td>LKJ检测间</td>
		                <td>13500</td>
	                </tr>	                
	                <tr>
		                <td>通信检修工间</td>
		                <td>6000</td>
	                </tr>
	                <tr>
		                <td>楼梯间</td>
		                <td>3000</td>
	                </tr>
	                <tr>
		                <td>变电所</td>
		                <td>27000</td>
	                </tr>	 
	                <tr>
		                <td>消防控制室</td>
		                <td>9000</td>
	                </tr>
	                <tr>
		                <td>卸污泵房</td>
		                <td>9000</td>
	                </tr>
	                <tr>
		                <td>常用备件</td>
		                <td>33000</td>
	                </tr>
	                <tr>
		                <td>楼梯间</td>
		                <td>3000</td>
	                </tr>		                
	                <tr>
		                <td>工具间</td>
		                <td>9000</td>
	                </tr>		                
	                <tr>
		                <td>机械间</td>
		                <td>18000</td>
	                </tr>		                
	                <tr>
		                <td>客运整备间</td>
		                <td>27000</td>
	                </tr>
	                <tr>
		                <td>受电弓检测间</td>
		                <td>9000</td>
	                </tr>	                
	                <tr>
		                <td>走行部检测间</td>
		                <td>9000</td>
	                </tr>	                
	                <tr>
		                <td>制动检测间</td>
		                <td>9000</td>
	                </tr>
	                <tr>
		                <td>综合电器间</td>
		                <td>9000</td>
	                </tr>	                
	                <tr>
		                <td>楼梯间卫生间</td>
		                <td>9000</td>
	                </tr>	                	                
	                <tr>
		                <td>探伤间</td>
		                <td>18000</td>
	                </tr>	
	                <tr>
		                <td>变电所</td>
		                <td>18000</td>
	                </tr>	
	                <tr>
		                <td>立体仓库</td>
		                <td>72000</td>
	                </tr>	
	                <tr>
		                <td>搬运车辆</td>
		                <td>18000</td>
	                </tr>	                
	                <tr>
		                <td>轮对存放间</td>
		                <td>18000</td>
	                </tr>	                
                </tbody>
            </table>
        </div>
        <div class="form2-mid">
             <div class="all-length">
                                           规定总长度：
             </div>
            <div class="length-text">
                <input type="text" name="total_length">
            </div>
            
            <div class="length-text">
                                           当前总长度：
             </div>
            <div class="length-text">
                <input type="text" name="instantly-length">
            </div>

            <div class="all-button">
                <button id="move_up">上移</button>
                <button id="move_down">下移</button>
                <button id="add">添加</button>
                <button id="del">删除</button>
            </div>
        </div>
        <img alt="" src="${base}/images/diagram.png">
</div>
<script src="${base}/js/development/projectcenter/drawDesign/singleDrawDesign.js"></script>
